<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>所有选择器的优先级比较</title>
    <style type="text/css">
        /*important 重要*/
        .span1{
            color:red !important;
        }
        #idspan1{
            color:green;
        }
        /*html 标签选择器*/
        span{
            color:orange;
        }
        .class-span2{
            color:pink;
        }
        /*通配符选择器*/
        /**{
            color:blue;
        }*/
        body{
            color:red;
            font-size: 50px;
            background-color: yellow;
            width:500px;
        }
    </style>
</head>
<body>
<span style="color:blue;" class="span1">我是什么颜色</span>
<span style="color:blue;" id="idspan1">我是什么颜色</span>
<span class="class-span2">我是什么颜色</span>
<span>我是什么颜色</span>
<!--
html 属性的设置
-->
<font color="#7cfc00">我是什么颜色</font>
<font color="#7cfc00">hello,world;</font>
<!--看看继承父元素的样式是什么 继承的是文本和字体-->
<div>hello,world!</div>
</body>
</html>